<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Registro de Clientes</title>
<style type="text/css">
body {
	background-color: #CCC;
	background-image: url(imagenes/fondo.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}
</style>
<link href="css/Estilos.css" rel="stylesheet" type="text/css">
<link href="css/letras.css" rel="stylesheet" type="text/css">
<link href="css/registro.css" rel="stylesheet" type="text/css">

<!-- jQuery library (served from Google) -->
<script src="js/jQuery.js"></script>
<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" />

	<script type="text/javascript">
		$(document).ready(function(){
  		$('.bxslider').bxSlider();

  		
	});
	</script>
</head>

<body>

<div id="contenido">
  <div id="header">
    <div id="header_banner"><div id="slider">
  			<ul class="bxslider">
	 			<li><img src="imagenes/images/img01.png" width="680" height="200" /></li>
	  			<li><img src="imagenes/images/img02.png" width="680" height="200" /></li>
	  			<li><img src="imagenes/images/img03.png" width="680" height="200" /></li>
	  			<li><img src="imagenes/images/img04.png" width="680" height="200" /></li>
			</ul>   
     </div></div>
    <div id="header_menu">REGISTRO DE CLIENTES</div>
  </div>
  
  <div id="cuerpo">
  	      
          <div id="formCliente">
          	<fieldset class="fieldsetNormal">
			<legend>Sede(s)</legend>
			
			<div style="width: 300px;display: inline-block;" >
				<label class="labelNormal" for="sel_tipvia">Tipo de Via(*)</label>	
				<select class="selectNormal" name="sel_tipvia" id="sel_tipvia">
				<c:forEach var="tipoVia" items="${listTipoVia}">
       			  <option value="<c:out value="${tipoVia.id}"/>"><c:out value="${tipoVia.descripcion}"/></option>
                </c:forEach> 
                </select>
			</div>
			
			<div style="width: 460px;display: inline-block;" >
			<label class="labelNormal" for="txt_nomvia">Nombre Via(*)</label>
			<input class="inputGrande" name="txt_nomvia" type="text" id="txt_nomvia" />
			</div>
			
			<div style="width: 300px;display: inline-block;" >
			<label class="labelNormal" for="txt_numvia">N° Via(*)</label>
			<input class="inputPequeño" name="txt_numvia" type="text" id="txt_numvia" />
			</div>
			
			<div style="width: 300px;display: inline-block;" >
			<label class="labelNormal" for="txt_inte">Interior</label>
			<input class="inputPequeño" name="txt_inte" type="text" id="txt_inte" />
			</div>
			
			<div style="width: 300px;display: inline-block;" >
			<label class="labelNormal" for="txt_depa">Departamento</label>
			<input class="inputPequeño" name="txt_depa" type="text" id="txt_depa" />
			</div>
			
			<div style="width: 300px;display: inline-block;" >
			<label class="labelNormal" for="txt_kilo">Kilometro</label>
			<input class="inputPequeño" name="txt_kilo" type="text" id="txt_kilo" />
			</div>
			
			<div style="width: 300px;display: inline-block;" >
			<label class="labelNormal" for="txt_mza">Manzana</label>
			<input class="inputPequeño" name="txt_mza" type="text" id="txt_mza" />
			</div>
			
			<div style="width: 300px;display: inline-block;" >
			<label class="labelNormal" for="txt_lte">Lote</label>
			<input class="inputPequeño" name="txt_lte" type="text" id="txt_lte" />
			</div>
			
			<br>
			
			<div style="width: 460px;display: inline-block;" >
				<label class="labelNormal" for="sel_tipzon">Tipo Zona</label>	
				<select class="selectGrande" name="sel_tipzon" id="sel_tipzon">
       			  <c:forEach var="tipoZona" items="${listTipoZona}">
      			  		<option value="<c:out value="${tipoZona.id}"/>"><c:out value="${tipoZona.descripcion}"/></option>
               	  </c:forEach> 
				</select>
			</div>
			
			<div style="width: 460px;display: inline-block;" >
			<label class="labelNormal" for="txt_nomzona">Nombre zona</label>
			<input class="inputGrande" name="txt_nomzona" type="text" id="txt_nomzona" />
			</div>
			
			<div style="width: 300px;display: inline-block;" >
				<label class="labelNormal" for="sel_depa">Departamento</label>	
				<select class="selectNormal" name="sel_depa" id="sel_depa">
	       			  <c:forEach var="departamento" items="${listDepartamento}">
       			  		<option value="<c:out value="${departamento.codigoDepartamento}"/>"><c:out value="${departamento.descripcionDepartamento}"/></option>
                	  </c:forEach>  
				</select>
			</div>
			
			<div style="width: 300px;display: inline-block;" >
				<label class="labelNormal" for="sel_prov">Provincia</label>	
				<select class="selectNormal" name="sel_prov" id="sel_prov">
	       			  <c:forEach var="provincia" items="${listProvincia}">
       			  		<option value="<c:out value="${provincia.codigoProvincia}"/>"><c:out value="${provincia.descripcionProvincia}"/></option>
                	  </c:forEach>  
				</select>
			</div>
			
			<div style="width: 300px;display: inline-block;" >
				<label class="labelNormal" for="sel_dist">Distrito</label>	
				<select class="selectNormal" name="sel_dist" id="sel_dist">
	       			  <c:forEach var="distrito" items="${listDistrito}">
       			  		<option value="<c:out value="${distrito.codigoDistrito}"/>"><c:out value="${distrito.descripcionDistrito}"/></option>
                	  </c:forEach>  
				</select>
			</div>
			
			<div style="width: 800px;display: inline-block;" >
			<label class="labelNormal" for="txa_refe">Referencia</label>
			<textarea class="txtareaNormal" name="mensaje" id="txa_refe"></textarea>
			</div>
			
			<br><br>
			
			<div style="width: 930px;display: inline-block;" >
			<button class="btnt1Normal" type="button" id="btn_agregars">Agregar</button>
			<button class="btnt1Normal" type="button" id="btn_eliminars">Eliminar</button>
			<!--<button class="btnt1Normal" type="button">Editar</button> -->	
			</div>                        
			
	</fieldset>
          
          </div>
      
      </div>
  
    <div id="linea"></div>
     
  <div class="letrapie" id="footer">Av. La Fontana 1250 Urb. Sta. Patricia 2da Etapa La Molina<br />
SAC - Sistema de Administracion de Clientes <br />
Consulta e información: progra2_grupo2@usmp.pe<br />
Copyright © 2013 Grupo 2 - Programación 2 (Seccion 60F).</div>

  </div>
    


</body>
</html>
